$(document).ready(function () {
    //准备连接websocket的url websocket基于STOMP协议，需要首页ws
    var url = "ws://127.0.0.1:8080/websocket";
    //定义一个websocket对象
    var ws = null;
    //连接服务器
    $("#join").click(function () {
        if (ws != null){
            alert("已经进入聊天室，请勿重复进入");
            return;
        }
        //获取用户名
        var username = $("#username").val();
        //拼接url
        //url = url+username;
        //连接服务器，连接成功就创建websocket对象
        ws = new WebSocket(url,[username]);
        //绑定连接事件
        ws.onopen = function () {
            var textareaVal = $("#box");
            textareaVal.val("欢迎加入聊天室\n");
        }
        //绑定massage事件
        ws.onmessage = function (res) {
            //获取消息框
            var message = $("#box").val();
            message += res.data+"\n";
            $("#box").val(message);
        }
        //绑定关闭事件
        ws.onclose = function () {
            alert("离开成功")
        }
    });
    //离开聊天室
    $("#leave").click(function () {
        if (ws!=null){
            //断开连接
            ws.close();
        }
    });
    //发送消息
    $("#send").click(function () {
        //获取消息
        var message = $("#message").val();
        if (message == null || message == ""){
            return;
        }
        if (ws != null){
            ws.send(message);
        }
        $("#message").val("");
    });
});